	//Initialize variable
	image_src = base_url+'public/images/upload';
	
	//***************Menu click manage******************
	$('#bottom').delegate('.menu:nth-of-type(n+1) a','click',function(){
	
		var type = $(this).attr('type');
		var back_to = $(this).attr('back_to');
		var id = $(this).attr('id');
		
		//Khi người dùng click lên menu nào thì gọi ajax lấy html tưong ứng
		var ajax = $(this).attr('ajax');
		if( type == 'menu' && typeof ajax !== 'undefined' ){
			if( !$('#menu_'+ajax).length ){
				ajax_get_data(ajax);
			}
		}
		
		/*****Quản lý back_to khi nhấn vô menu protfolio*****/
		var back_to_pro = $(this).attr('back_to_pro');
		if( typeof back_to_pro !== 'undefined' ){
			$('#protfolio').attr('back_to_pro','protfolio');	
			//Add class pro_hover to profolio
			$('#protfolio').addClass('pro_hover');
		}
		
		//Set back_to_pro null if click in profolio
		if( id == 'protfolio' && back_to_pro == 'protfolio'  ){
			//Fill menu for profolio
			fill_html('#menu_'+id, '#'+back_to, 2);
			//Empty back_to element
			$('#protfolio').attr('back_to_pro','');
			//Remove class pro_hover
			$('#protfolio').removeClass('pro_hover');
			$('#pro_back_to').empty();
			return;
		}
		/****************End**************/
	
		//Khi người dùng nhấn vô element mà là menu, thì tiến hành fill dữ liệu
		//Nếu type=menu thì append menu mới vô
		if( type == 'menu' )
			fill_html('#menu_'+id, '#'+back_to,'');
		else if(type == 'item'){
			fill_html_base('#item_'+id);
			//Add color_light_blue class for clicked menu item
			$.each($('#bottom .menu li a'),function(key,item){
				if( $(this).hasClass('color_light_blue') ){
					$(this).removeClass('color_light_blue');
				}
			});
			$(this).addClass('color_light_blue');
		}
	});
	//***************End menu click manage******************

	
	
	
	
	//********Ajax lấy html khi click vô menu
	function ajax_get_data(type){
		$.ajax({
			url: base_url + 'index/ajax_get_data',
			type: "POST",
			async:false,
			data: {type:type},
			dataType: "json",
			success: function(msg){
				if(msg.status == 'error'){
					alert('error get data ajax');
				}
				else if(msg.status=='ok'){
					$('#html').append(msg.msg);
				}
			}
		});			
	}
	
	//Thay đổi menu mới khi click vô menu
	function fill_html(selector_html,back_to,back_to_level){
		//With level>1, fadeOut will occur > 1 times, so use this variable to prevent
		var loop = 1;
		
		//Khi người dùng click vô menu, di chuyển đến menu tương ứng và set back_to = menu cũ
		$('#post').attr('back_to',back_to);
					
		//Trong list menu, có nhiều tầng menu, ghi nhận tầng menu thấp nhấn
		//Để khi nhấn back_to thì fadeout menu này thôi
		var last_item = $('#bottom .menu:last-child');
		if( back_to_level ){
			var level = parseInt(back_to_level) + 1;
			var last_item = $('#bottom .menu:nth-of-type(n+'+level+')');
		}
		
		//Fade out last item
		$(last_item).fadeOut('fast',function(){
			//Remove last items base on level position
			$(last_item).remove();
			//Xóa address element
			if( $('#bottom #text') !== 'undefined' )
				$('#bottom #text').remove();
	
			//Append new menu
			if(loop < 2){
				//Get html of menu, and append html to #right menu
				var html = $('<div>').append($(selector_html+ ' .menu').clone()).html();
				if( back_to_level ){
					var level = parseInt(back_to_level)-1;
					var html = $('<div>').append($(selector_html+ ' .menu').eq(level).clone()).html();
				}
				
				//**********Insert new html for right menu************
				$('#right').append(html).fadeIn('fast');
				
				//Thêm address khi nhấn Contact
				if( selector_html == '#menu_contact' ){
					var text = $('<div>').append( $(selector_html+ ' #text').clone()).html();
					if(text)
						$('#right').append(text);				
				}
				
			}
			
			//Xử lý dữ liệu cho left side
			fill_html_base(selector_html);
			
			//Add class for hover
			if(back_to != '')
				$('#post').addClass('post_hover');
			else
				$('#post').removeClass('post_hover');
			
			//Add class color_yellow for first item, except menu_home
			if(back_to != ''){
				$('#bottom .menu:nth-of-type(2) li:first-child a').addClass('color_light_blue');					
			}
			//Remove back_to text in menu_home
			if( back_to == '' )
				$('#back_to_home').empty();
	
			//Prevent fadeOut 2 times
			if( (selector_html == '#menu_home') && $('#right .menu').size() == 2  ){
				loop++;
			}				
		});
	}
	
	
	//Insert dữ liệu mới vô left side
	//Dữ liệu gồm: hình ảnh, text, video, google map
	function fill_html_base(selector_html){
		//Get width, height base on screen solution
		//var video_w = (604/dw)*w;
		//var video_h = (474/dh)*h;
                
                var video_w = 740;
		var video_h = 565;                
		
		//Chèn youtube video
		if( $(selector_html+' #left').attr('left_video') !== undefined ){
			var left_video = $(selector_html+' #left').attr('left_video');
			var left = '<iframe class="img-renderleft iframe" width="'+ video_w +'" height="'+ video_h +'" src="http://www.youtube.com/embed/'+ left_video +'?rel=0&autoplay=1&autohide=1&showinfo=0" frameborder="0" allowfullscreen></iframe>';
		}
		else{
			//Chèn hình ảnh
			var left = $(selector_html+' #left').html();				
		}
		
		//Show, hide picture
		$('#picture').show();
		$('#picture_cycle').hide();
		
		//Một số menu element đặc biệt như menu_contact, thì chèn google map vô
		if(selector_html != '#menu_home'){
			if( selector_html == '#menu_contact' )
			{
				//Call google map for contact menu
				initialize();
			}
			else{
				$('#picture').fadeOut('fast',function(){

					$('#picture').html(left);
					$('#picture img').addClass('picture_img');
					$('#picture').fadeIn('fast');
					
				});
			}
		}
		else{
			//Show, hide picture if menu_home
			$('#picture').html('').hide();
			$('#picture_cycle').show();		
		}
		
		/**Append address for menu contact**/
		//var text = $(selector_html+' #text').html();
		//$('#right').append(text).fadeIn('fast');
		//if(text)
			//$('#top').html(text);
		
		//Fade in/out top
		$('#top').fadeOut('fast',function(){
			$('#top').html(text);
			$('#top').fadeIn('fast');
		});
		
		//Append list thumbnail for protfolio, when user click in protfolio sub-menu
		var bottom_left = ($(selector_html+' #bottom_left').size() != 0) ? $(selector_html+' #bottom_left').html() : '';
		$('#bottom #left').html(bottom_left);
	}
	
	
	
	
	
	//Người dùng click vô back_to element
	$('#post').click(function(){
                //Remove toàn bộ css trong .table_text, trừong hợp nhấn vô contact bị fill style bk trắng
                $('.table_text').removeAttr('style');            
            
		//Get attribute back_to
		var back_to = $(this).attr('back_to');
		var back_to_level = $(this).attr('level');
		if(back_to != ''){
			//Show, hide picture
			fill_html(back_to,'',back_to_level);
		}
	});	
	
	//Hover lên back_to, back_to_element
	$('#bottom').on('mouseenter', '.post_hover', function( event ) {
		$('#back_to_home').html('back to');
	}).on('mouseleave', '.post_hover', function( event ) {
		$('#back_to_home').html('');
	});	
	//pro_back_to
	$('#bottom').on('mouseenter', '.pro_hover', function( event ) {
		$('#pro_back_to').html('back to');
	}).on('mouseleave', '.pro_hover', function( event ) {
		$('#pro_back_to').html('');
	});			
	
	//Khi người dùng hover lên icon nhỏ trong project menu
	$('#bottom #left').delegate('img','mouseenter',function(){
		//Vertical align for #picture
		$('#picture').addClass('vertical_align');
		
		//Get image hover name
		var rel = $(this).attr('rel');
		var hover_image = image_src+'/'+rel;
		//Fill new image
		$('.backgroun_content #picture img').attr('src',hover_image);
	});